阿里云前端周刊 - 第 21 期

推荐

1. Firefox 55 引入 WebVR 支持

https://hacks.mozilla.org/201...

近日发布的 Windows 平台上的 Firefox 55 版本，成为首个支持新 WebVR 标准的桌面浏览器；Mozilla 希望能够以此推动 WebVR 的进一步发展。除此之外，Firefox 55 还支持包括 async generators 在内的众多 ES2017/2018 特性，并且进一步提升了浏览器的性能表现以及安全保障；

2. Node.js 8.3.0 发布，引入 Ignition 与 TurboFan 执行流

https://medium.com/the-node-j...

Ignition 与 TurboFan 是 V8 5.9 版本中提供的新的解释器与编译器，它们替换了自 2010 年以来的 Full-codegen 与 Crankshaft，可以阅读这篇文章了解新的执行流带来的巨大性能优化。新版本为 Node.js 带来了极大的性能提升，除此之外新版本还修复了 8.x 系列中存在的部分错误，详细的特性与更新列表可以查看原文。

3. 利用 Node.js 构建 API Gateway

https://blog.risingstack.com/...

随着现代业务复杂度的增加，微服务的理念正在得到更多的落地实践；作为微服务架构的重要组成部分，API Gateway 能够为所有的后端服务提供统一的权限校验与客户端协议兼容的抽象层。本文首先介绍了微服务的基础架构与 API Gateway 的概念，然后介绍了面向前端团队的 Node.js API Gateway 组成。

4. 使用A-Frame打造WebVR版《我的世界》

https://juejin.im/post/59917b...

一名就职于 Mozilla VR 团队的 web 虚拟现实开发者，也是 A-Frame 的核心开发人员。今天，我们来看看如何使用 A-Frame 构建一个够在 HTC Vive、Oculus Rift、Samsung GearVR、Google Cardboard、桌面设备以及移动设备上运行的、支持空间追踪（room-scale）技术的 WebVR 版《我的世界》示例。

其它

1. 腾讯祭出大招VasSonic，让你的H5页面首屏秒开

https://segmentfault.com/a/11...

作为腾讯开源组件分享给大家，从当初立项优化页面加载速度，到不断摸索、优化，再到整理代码、文档，最终在Github上开源，并且在24小时内获取star数超过1600。我们非常高兴看到我们的成果收到这么多的关注，趁此机会，正好回顾一下VasSonic的成长历程，也希望能够让大家更了解VasSonic。

2. 三周时间打造全栈 JavaScript Web 应用

https://medium.com/ladies-sto...

本文记录了某个编程初学者如何用三周时间，循序渐进地从零构建出，基于 JavaScript 的全栈电子商务应用。本文从最初的产品设计与原型图构建开始，然后介绍了如何选择合适的数据结构与数据库。接下来介绍了如何创建 Github 仓库并且使用敏捷开发流程，最后介绍了如何利用 Express 与 Firebase 搭建服务端、使用 React 以及 Victory.js 构建前端应用等内容；

3. 谷歌是如何构建Web框架的

http://www.infoq.com/cn/news/...

谷歌的代码库由全球数十个办公的超过 2.5 万名软件开发工程师所共享，平均每天他们会提交 1.6万 次代码修改请求，他们是如何做到生产环境的稳定的呢？

4. CSS技巧：逐帧动画抖动解决方案

https://aotu.io/notes/2017/08...

本文讨论的背景是移动端适配方案带来的雪碧图抖动问题。

5. 通过 JSX Control Statements 编写 JSX

https://zhuanlan.zhihu.com/p/...

一些开发者，特别是有使用过「模板技术」的开发者（例如 Handlebars），刚开始尝试使用 React 编写应用时，可能会惊讶的发现，JSX 竟然没有内建支持类似其它模板引擎似的任何结构控制语句或指令，本文介绍了一种在 JSX 中使用「结构控制」的新姿势。